<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<title></title>
</head>
<style>
	body{
		text-align: center;
	}
	div{
		width: 400px;
		height: 400px;
		margin: 100px auto;
	}

</style>
<body>
	<div id='app'>
		<h2>登录测试</h2>
		<h3>~欢迎您，尊敬的大帅比~</h3>
		<!-- onsubmit='return verify()' -->
		<form  action='http://127.0.0.1:8000/sendData' method="get" accept-charset="UTF-8">
			<span>账号：</span><input name='name' id='name' placeholder="请输入您的账号"/></br></br>
			<span>密码：</span><input name='password' id='password' type='password'show-password placeholder="请输入您的密码"/></br></br>
			<input type="submit" value="登录"/>
		</form>
		
	</div>
	<script>
		// //正常写法
		// function varify(){
		// 	$.getJson(url,'',function(data){
		// 		data={'ifturn':'true'}
		// 	})
		// 	return true/false
		// }
		
		
		

		
		//犯罪写法 相当于 把个人信息完全公开
		// var users=[];	
		// $.getJSON('http://127.0.0.1:8000/getUSer','',function(data){
		// 	// console.log(data.student);
		// 	users=data.student;
		// })
		// $('input:button').click(function(){
		// 	let name=$('input[name="name"]').val();
		// 	let password=$('input[name="password"]').val();
		// 	// console.log(name+password);
		// 	//登录验证 map.forEach.for循环.过滤=filter
		// 	let confirm=users.filter(o=>o.name==name&&o.password==password);
		// 	// console.log(confirm);
		// 	confirm.length ? alert(confirm[0].id):alert('您的账号或密码错误');
		// })
		
		
		
		// $.getJSON(url,params,function(){})
		// $.get(url,'json',function(){})
		// $.get(method,url,type,function(){})
		// GET/POST
	</script>
</body>
</html>
